﻿{include title="管理员列表" keywords="" description=""  file='../application/admin/view/layout/header.html' /}
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 管理员列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<div class="text-c">
		<form method="get" action="{:url('admin/admin/index')}">
			<input type="text" value="{$username}" class="input-text" style="width:250px" placeholder="输入管理员名称"  name="username">
			<button type="submit" class="btn btn-success" name=""><i class="Hui-iconfont">&#xe665;</i> 搜用户</button>
		</form>
	</div>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a href="javascript:;" onclick="layer_show('添加管理员','{:url(\'admin/admin/adminAdd\')}','800','600')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加管理员</a></span></div>
	<table class="table table-border table-bordered table-bg">
		<thead>
			<tr>
				<th scope="col" colspan="10">管理员列表</th>
			</tr>
			<tr class="text-c">
				<th width="40">ID</th>
				<th width="120">登录名</th>
				<th width="120">姓名</th>
				<th width="100">手机</th>
				<th width="150">邮箱</th>
				<th width="120">角色</th>
				<th width="130">加入时间</th>
				<th width="300">备注</th>
				<th width="100">是否已启用</th>
				<th width="100">操作</th>
			</tr>
		</thead>
		<tbody>
		{foreach $data as $k => $v}
			<tr class="text-c">
				<td>{$v['id']}</td>
				<td>{$v['username']}</td>
				<td>{$v['nickname']}</td>
				<td>{$v['phone']}</td>
				<td>{$v['email']}</td>
				<td>
					{foreach $role as $vv}
						{if ($vv['id']==$v['role_id'])}
							{$vv['name']}
						{/if}
					{/foreach}
				</td>
				<td>{:date('Y-m-d H:i:s',$v['create_time'])}</td>
				<td>{$v['remark']}</td>
				<td class="td-status">
					{if ($v['status']==1)}
						<span class="label label-success radius">已启用</span>
					{else}
						<span class="label label-default radius">已禁用</span>
					{/if}
				</td>
				<td class="td-manage">
					{if ($v['id']==1)}
						<a style="text-decoration:none" onClick="layer.msg('超级管理员不允许被此操作',{icon:2,time:1000});" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>
						<a title="编辑" href="javascript:;" onclick="layer.msg('超级管理员不允许被此操作',{icon:2,time:1000});"
						   class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
						<a title="删除" href="javascript:;" onclick="layer.msg('超级管理员不允许被此操作',{icon:2,time:1000});"
						   class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
					{else}
						{if ($v['status']==1)}
						<a style="text-decoration:none" onClick="admin_stop(this,'{$v[\'id\']}')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>
						{else}
						<a style="text-decoration:none" onClick="admin_start(this,'{$v[\'id\']}')" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe615;</i></a>
						{/if}
						<a title="编辑" href="javascript:;" onclick="layer_show('管理员编辑','{:url(\'admin/admin/adminEdit\',[\'id\'=>$v.id])}','800','600')"
						   class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
						<a title="删除" href="javascript:;" onclick="admin_del(this,'{$v[\'id\']}' )"
						   class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
					{/if}

				</td>
			</tr>
		{/foreach}
		</tbody>
	</table>

</div>
<div style="margin: 0 auto;display: table;">{$data|raw}</div>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">

/*管理员-删除*/
function admin_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'POST',
			url: '<?php echo url("admin/admin/delUSer")."?id="?>'+id,
			dataType: 'json',
			success: function(msg){
			    if (msg.status =='y'){
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!',{icon:1,time:1000});
				}else{
                    layer.msg(msg.info,{icon:2,time:1000});
				}
			}
		});		
	});
}

/*管理员-停用*/
function admin_stop(obj,id){
	layer.confirm('确认要停用吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……
		$.get('<?php echo url("admin/admin/banUser")?>',{id:id},function (msg) {
			if (msg.status == 'y'){
                $(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_start(this,'+id+')" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">已禁用</span>');
                $(obj).remove();
                layer.msg('已停用!',{icon: 1,time:1000});
			}else{
                layer.msg(msg.info,{icon: 2,time:1000});
			}
        },'json');



	});
}

/*管理员-启用*/
function admin_start(obj,id){
	layer.confirm('确认要启用吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……
        $.get('<?php echo url("admin/admin/banUser")?>',{id:id},function (msg) {
            if (msg.status == 'y'){
                $(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_stop(this,'+id+')" href="javascript:;" title="停用" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
                $(obj).remove();
                layer.msg('已启用!', {icon: 1,time:1000});
			}else {
                layer.msg(msg.info,{icon: 2,time:1000});
			}
        },'json');

	});
}
</script>
</body>
</html>